<template>
    <div id="noData"> 
		<ul>
			<p>{{title}}</p>
		</ul>
    </div>
</template>
<script> 
export default {
  name: 'noData',
  props:{
      title:{
          type:String
      }
  },
  components:{

  },
  data () {
    return {
      
    }
  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style scoped>
	#noData{
		width: 100%;
		height: 100%;
	}
	#noData ul{
		background:url(../../assets/other/noData.png) no-repeat center;
		height:8rem;
		background-size:30%;
		position: relative; 
	}
	#noData ul p{
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 5.6rem;
		z-index:1;
		font-size: 0.373333rem;
		color: #666666;
	}
</style>
